<div class="side_close" ><span class="open_side" id="open_side_btn"></span></div>
<div id="side" >
	<div class="side_menu">
    	<h2 class="column"><span>MOVIES</span><strong class="btn_closeSide" id="close_side_btn"></strong></h2>
        <ul id="movie_side_ul">
        	<li><a href="${contextPath}/movie/popular/">Now Popular</a></li>
            <li><a href="${contextPath}/movie/full-length/">Full Length Movies</a></li>
            <li><a href="${contextPath}/movie/movie2012/">Movie 2012</a></li>
            <li><a href="${contextPath}/movie/trailer/">Movie Trailers</a></li>
        </ul>
    </div>
    
     <#if genres??>	     
		<div  id="midlle_div" >
		    <div class="side_select"  id="genre_div"  >
			    <div class="vscroll-content">
			    <ul  >
				    <li><a class="selected" genre="all"  href="${contextPath}/movie/${category!''}/genre/all">All Genre</a></li>
				     	<#list genres as genre>
						     <li><a genre="${genre.genreName}" href="${contextPath}/movie/${category!''}/genre/${genre.genreName?trim?url}" >${genre.displayName}</a></li>
						</#list>				
			    </ul>
			    </div>
		    </div>
		    <div class="side_select2" id="decade_div">
		    <h4 class="column"></h4>
		    <ul>
		    <li  class="b_all" ><a class="decade selected" href="${contextPath}/movie/${category!''}/decade/0">All Decades</a></li>
			<#list ['2010','2000','1990','1980','1970','1960','1950'] as dec>
				<li><a decade="${dec}" href="${contextPath}/movie/${category!''}/decade/${dec}">${dec}s</a></li>
			</#list>
		    </ul>
		    </div>	 
		     <div class="side_select" id="side_margin_div" >
		    	  <div style="height: 1000px;">
		    	  	<!--先侧边栏撑得足够高，然后去掉，目的是防止大屏会闪动。-->
		    	  </div>
	    	</div>   
	    </div>
	    
    <#else>
    	<div style="height: 1500px;"></div>
    </#if>    
</div>